.login-box {
    background: #19232c;
    min-height: 100vh;
    position: relative;
    .login-main {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 30px;
        text-align: center;
        .login-title {
            letter-spacing: 0.4rem;
            margin-bottom: 2px;
            font-weight: 600;
            font-size: 22px;
            background-image: linear-gradient(to left, #00e7d0, #00a0f1);
            -webkit-background-clip: text;
            color: transparent;
        }
        .logtit {
            margin-bottom: 2px;
            background-image: linear-gradient(to left, #00e7d0, #00a0f1);
            -webkit-background-clip: text;
            color: transparent;
            font-weight: 600;
            letter-spacing: 0.3rem;
        }
        .div-form {
            color: white;
            padding: 1rem;
            text-align: center;
            margin: 1rem auto 0rem;
            width: 25rem;
            box-shadow: 0 0 10px rgb(0, 153, 184) inset;
            background-clip: padding-box;
            border: 5px solid transparent;
            border: 2px solid #6b9ace;
            border-image: linear-gradient(90deg, #39b4f1 0%, #00e7d0 100%) 2 2 2 2;
            .el-input__wrapper {
                background-color: #0b2343;
                box-shadow: none;
            }
            .el-button--primary {
                background-image: linear-gradient(to left, #00e7d0, #00a0f1);
                border-color: #00e7d0;
                color: #fff;
            }
        }
    }
}